<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-07-19 10:03:59
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2021-08-10 17:21:52
-->
<template>
<div class="foot_main">
  <div class="foot_link">
    <dl class="list">
      <dt>精彩内容</dt>
      <dd>
        <a target="_blank" href="" class="text2">热门语言</a>
        <a target="_blank" href="" class="text2">热门话题</a>
      </dd>
      <dd>
        <a target="_blank" href="" class="text2">名人堂</a>
        <a target="_blank" href="" class="text2">cc会员</a>
      </dd>
      <dd>
        <a target="_blank" href="" class="text2">c相册</a>
        <a target="_blank" href="" class="text2">c游戏</a>
      </dd>
      <dd>
        <a target="_blank" href="" class="text2">code指数</a>
      </dd>
    </dl>
    <dl class="list">
      <dt>手机耍codecat</dt>
      <dd>
        <span class="code">
          <img src="../image/foot_code.png" alt="二维码">
        </span>
        <a target="_blank" href="" class="text2">
          扫码下载，手机版本
          <br>
          戳这里
        </a>
      </dd>
    </dl>
    <dl class="list">
      <dt>认证&合作</dt>
      <dd>
        <a target="_blank" href="" class="text2">申请认证</a>
        <a target="_blank" href="" class="text2">链接网站</a>
      </dd>
      <dd>
        <a target="_blank" href="" class="text2">企业帮助</a>
        <a target="_blank" href="" class="text2">广告服务</a>
      </dd>
      <dd>
        <a target="_blank" href="" class="text2">我们的标识</a>
        <a target="_blank" href="" class="text2">广告代理商</a>
      </dd>
      <dd>
        <a target="_blank" href="" class="text2">开放平台</a>
      </dd>
      
      
    </dl>
    <dl class="list">
      <dt> 请求帮助</dt>
      <dd>
        <a target="_blank" href="" class="text2">常见问题</a>
      </dd>
      <dd>
        <a target="_blank" href="" class="text2">自助服务</a>
      </dd>
      <dd>
        <span class="text2">我们的qq群号</span>
      </dd>
      <dd>
        <sapn class="text2">103-9619-005</sapn>
      </dd>
    </dl>
  </div>
  <div class="footer">
   <p class="copy">
     <a class="text">
       <i class="icon"></i>
       "客服电话156-3516-5738"
     </a>
     <a href="" class="text">意见反馈</a>
     <a href="" class="text">About codecat</a>
     <a href="" class="text">招聘</a>
     <a href="" class="text">导航</a>
     <a href="" class="text">投诉处理大厅</a>
     <a href="" class="text" target="_blank">互联网法院</a>
   </p>
   <p class="copy2">
     <a target="_blank" href="" class="text">数萼初含雪，</a>
     <span class="text">孤标画本难。</span>
     <span class="text">香中别有韵，</span>
     <a target="_blank" href="" class="text">清极不知寒。</a>
     <span class="text">横笛和愁听，</span>
     <span class="text">斜枝倚病看。</span>
   </p>
   <p class="company">
     <span class="copytext">
       "Copyright © 2009-2021 codecat"
       <a target="_blank" href="" class="text">一群敲代码的人</a>
     </span>
   </p>
 </div>
 
</div>
 
</template>
<style>
.foot_main{
  margin: 0;
  padding: 0;
  color: #333;
}
.foot_link .list dd a, .foot_link .list dd span{
  display: inline-block;
  margin: 0 20px 5px 0;
  vertical-align: top;
}
.foot_link{
    padding: 50px 0 0 370px;
}
.foot_link .list dd .code{
  width: 79px;
  height: 79px;
  overflow: hidden;
}
.foot_link .list dd .code img{
  width: 100%;
  height: 100%;
}
.foot_link .list{
  margin: 0 20px 0 0;
  float: left;
  display: inline;
}
.foot_link .list dt{
  font-size: 16px;
  white-space: nowrap;
  width: 138px;
  overflow: hidden;
}
.foot_link .list dd{
  white-space: nowrap;
}

.footer{
  text-align: center;
  padding-left: 450px;
  float: left
}
.footer a{
  -webkit-tap-highlight-color: rgba(0, 0, 0,0);
  text-decoration: none;
  cursor: pointer;
}
.footer .text , .footer a.text{
  color: #808080;
  margin-right: 5px;
}
.footer .copy , .copy2{
  line-height: 1em;
  margin-bottom: 10px;
}
</style>